<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!DOCTYPE html>
<html lang="en">
<head>
    <!-- header -->
    <%@ include file="/WEB-INF/views/include/header.jsp"%>

</head>
<body class="no-skin">
<!-- /section:basics/navbar.layout -->
<div class="main-container" id="main-container">
    <script type="text/javascript">
        try{ace.settings.check('main-container' , 'fixed')}catch(e){}
    </script>

    <!-- /section:basics/sidebar -->
    <div class="main-content">
        <div class="main-content-inner">
            <div class="page-content">
                <!-- /section:settings.box -->
                <div class="row">
                    <div class="col-xs-12">
                        <div class="pull-left">

                            <button class="btn btn-sm btn-info" id="query">条件搜索</button>
                            <%-- <shiro:hasPermission name="modules:sys:huashu:query"></shiro:hasPermission> --%>
                     <%--       <button class="btn btn-sm btn-success" id="create">项目录入</button>
                            <button class="btn btn-sm btn-default" id="edit">项目修改</button>--%>
                            <%-- 									<shiro:hasPermission name="modules:sys:huashu:edit"></shiro:hasPermission>
                             --%>

                            <%-- 									<shiro:hasPermission name="modules:sys:huashu:create"></shiro:hasPermission>
                             --%>									<!-- <button class="btn btn-sm btn-success" id="createCla">新增分类</button> -->
                            <button class="btn btn-sm btn-danger" id="delete" style="display: none;" >删除</button>
                            <%--<shiro:hasPermission name="modules:sys:dept:excel">
                                <button class="btn btn-sm btn-pink" id="export">导出</button>
                            </shiro:hasPermission>--%>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-12">
                        <!-- PAGE CONTENT BEGINS -->
                        <!-- jqGrid表格 -->
                        <table id="gridTable"></table>
                        <!-- jqGrid工具类 -->
                        <div id="gridPager"></div>
                        <!-- 查询对话框 -->
                        <div style="display: none;">
                            <div class="row" id="queryDialog"></div>
                        </div>
                        <!-- PAGE CONTENT ENDS -->
                    </div><!-- /.col -->
                </div><!-- /.row -->
            </div><!-- /.page-content -->
        </div>
    </div><!-- /.main-content -->

    <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
        <i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
    </a>

    <!-- dialog -->
    <%@ include file="/WEB-INF/views/include/dialog.jsp"%>
</div><!-- /.main-container -->
</div>
<!-- footer -->
<%@ include file="/WEB-INF/views/include/footer.jsp"%>

<script type="text/javascript">
    //基本路径
    var baseUrl = "<s:url value="/modules/sys/invest"></s:url>/"

    //jqgrid的表格高度
    var height = 320;
    //jqgrid表格行头的中文
    var colNames = ['申报单号','年份','小分队','项目类别', '项目阶段', '项目名称','投资方名称','乡镇','县直单位(或市直单位)','领导','属地','项目内容和规模','项目进展情况',
        '国别或地区','三维属性','产业分类','具体分类','合计','内资','外资','负责人','分管领导','联系人','回退、作废原因',/*'企业联系人','注册，备案时间','备注',
        '县考评','已上报招商办','项目投资进度计划表','场地使用方式'*/];
    //jqgrid表格中每一行的信息模型
    var colModel = [
        {name:'sysId', index:'sysId',width:200,editable: false,key:true},

        {name:'datatime',index:'datatime', width:50,editable: true},
        {name:'teamName',index:'teamName', width:160,editable: true},
        {name:'projectClass',index:'projectClass', width:100,editable: true},
        {name:'projectStage',index:'projectStage', width:100, editable: true},
        {name:'projectName',index:'projectName', width:220, editable: true},
        {name:'investorName',index:'investorName', width:220, editable: true},
        {name:'dockingTown',index:'dockingTown', width:120, editable: true},
        {name:'dockingCounty',index:'dockingCounty', width:180, editable: true},
        {name:'leader',index:'leader', width:100, editable: true},
        {name:'belongArea',index:'belongArea', width:100, editable: true},
        {name:'projectContent',index:'projectContent', width:200, editable: true},
        {name:'projectProgress',index:'projectProgress', width:200, editable: true},
        {name:'area',index:'area', width:140, editable: true},
        {name:'attribute',index:'attribute', width:120, editable: true},
        {name:'industrialClassfly',index:'industrialClassfly', width:80, editable: true},
        {name:'industrialConcrete',index:'industrialConcrete', width:100, editable: true},
        {name:'totalInver',index:'totalInver', width:60, editable: true},
        {name:'domesticInver',index:'domesticInver', width:60, editable: true},
        {name:'foeignInver',index:'foeignInver', width:60, editable: true},
        {name:'projectManager',index:'projectManager', width:100, editable: true},
        {name:'fenguanLeader',index:'fenguanLeader', width:100, editable: true},
        {name:'contacts',index:'contacts', width:180, editable: true},
        {name:'remark',index:'remark', width:200, editable: true},
     /*   {name:'companyContacts',index:'companyContacts', width:200, editable: true},
        {name:'registerDate',index:'registerDate', width:220, editable: true},
        {name:'notes',index:'notes',width:220,editable:true},
        {name:'countyEvaluation',index:'countyEvaluation', width:80, editable: true},
        {name:'reported',index:'reported', width:200, editable: true},
        {name:'investplan',index:'investplan', width:200, editable: true},//
        {name:'groundused',index:'groundused', width:200, editable: true},*/
    ];

    //jqgrid的具体执行方法
    jqgrid({
        shrinkToFit:false,
        rownumbers:true,
        gridTableId : "#gridTable",
        multiselect :false,
        gridPagerId : "#gridPager"
    });


    //下载按钮
    function downDetail(id){
        //alert(id);
        var url ="/pictureUpload/download/"+id+".zip";
        window.open(url);
    }

    //加载查询对话框
    $("#queryDialog").load(getUrl("filter"));

    //重置表单
    function reset() {
        resetForm("#formDialog form");
    }

    //显示查询对话框
    var queryDialog = $("#queryDialog");
    $("#query").click(function() {
        showDialog({
            dialogTitle: '查询对话框',
            dialogBody: queryDialog,
            dialogFoot: "<button type='button' class='btn btn-primary' onclick='query()'>查询</button>" +
            "<button type='button' class='btn btn-pink' onclick='reset()'>重置</button>" +
            "<button type='button' class='btn btn-default' data-dismiss='modal'>关闭</button>"
        });
    });

    //具体查询方法
    function query() {
        seachJqgird("#gridTable","#formDialog form");
        $("#formDialog").modal('hide');
    }

    //更新操作
    $("#edit").click(function() {
        showEditView();
    });

    //执行更新操作
    function edit() {
        executeSaveOrUpdate({
            formId: "#formDialog form",
            dialogId: "#formDialog",
            url: getUrl("edit"),
            tableId: "#gridTable",
            successMessage: "更新成功",
            successTitle: '更新对话框',
            failMessage: '更新失败',
            failTitle: '消息对话框'
        });
    }
    //显示编辑对话框
    function showEditView() {
        showEditDialog({
            tableId: "#gridTable",
            dialogTitle: "更新对话框",
            dialogUrl: getUrl("edit"),
            dialogFoot: '<button type="button" class="btn btn-primary" onclick="edit()" id="updatebtn">更新</button>' +
            '<button type="button" class="btn btn-pink" onclick="reset()">重置</button>' +
            '<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>',
            errorTitle: "消息对话框",
            errorMutiSelectMessage: '您当前选中多行，请重新选择',
            errorUnSelectMessage: '您当前尚未选中一行，请选择后再试',
            errorOk: '确定'
        });
    }

    //显示编辑对话框
    function showView() {
        showEditDialog({
            tableId: "#gridTable",
            dialogTitle: "更新对话框",
            dialogUrl: getUrl("edit"),

            errorTitle: "消息对话框",
            errorMutiSelectMessage: '您当前选中多行，请重新选择',
            errorUnSelectMessage: '您当前尚未选中一行，请选择后再试',
            errorOk: '确定'
        });
    }

    //删除
    $("#delete").click(function() {
        showDeleteView();
    });

    //显示删除对话框
    function showDeleteView() {
        showDeleteDialog({
            url: getUrl("delete"),
            tableId: "#gridTable",
            confirmTitle: "确认对话框",
            confirmMessage: "是否确定删除?",
            confirmOk: "确定",
            confirmCancel: "取消",
            successMessage: "删除成功",
            successTitle: "消息对话框",
            failMessage: "删除失败",
            failTitle: "消息对话框",
            errorTitle: "警告提示框",
            errorMessage: "您当前尚未选中一行，请选择后再试",
            errorOk: "确定"
        });
    }

    //显示创建对话框
    $("#create").click(function(){
        loadDialog({
            dialogTitle: '创建对话框',
            dialogUrl: getUrl("create"),
            dialogFoot: '<button type="button" class="btn btn-primary" onclick="create()">提交审核</button>' +
            '<button type="button" class="btn btn-pink" onclick="reset()">重置</button>' +
            '<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>'
        });
    });

    //分类编辑框
    $("#createCla").click(function(){
        loadDialog({
            dialogTitle: '创建对话框',
            dialogUrl: getUrl("createCla"),
            dialogFoot: '<button type="button" class="btn btn-primary" onclick="create()">添加</button>' +
            '<button type="button" class="btn btn-pink" onclick="reset()">重置</button>' +
            '<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>'
        });
    });
    //保存数据
    function create() {
        executeSaveOrUpdate({
            formId: "#formDialog form",
            dialogId: "#formDialog",
            url: getUrl("create"),
            tableId: "#gridTable",
            successMessage: "保存成功",
            successTitle: '保存对话框',
            failMessage: '保存失败',
            failTitle: '消息对话框'
        });
    }


    $("#gridTable").dblclick(function(e){
        showView();
    });

</script>

</body>
</html>